@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:"微软雅黑","Arial","宋体";
	color: #333;
	font-size:20px;
	line-height:220%;
}

ul,li{ margin:0px; padding:0px; list-style-type:none; }

div,p{ margin:0px; padding:0px; }

a{ color:#333; text-decoration:none; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }
a:hover{ color:#ed7020; text-decoration:none; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }

form{ margin:0px; padding:0px; }
img{ border:none; vertical-align:top; }
input,textarea,select,audio,video{ outline:none; font-family:"微软雅黑","Arial","宋体"; }

.clear{ clear:both; }

.ease{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; }

.txtsl{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.txtsl2{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.txt_rl{ background-image:url(../images/rl.png); background-repeat:no-repeat; background-position:right center; }


.bybg1{ background-color:#f9f9f9; }


#container{ margin:0px; width:100%; height:auto; overflow:hidden; display: flex; flex-direction: column; align-items: center; }
@media screen and (max-width:1280px) {
#container{ min-width: 1260px; }
}


/*-----------------header-------------------------------*/
#ts_loadering{ position:fixed; z-index:150; top:0px; left:50%; margin:0 0 0 -50%; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.6); display:none; overflow:hidden; }
#ts_loadering span{ margin:150px 0 0 0; padding:40px 10px 0 10px; min-width:70px; height:25px; line-height:20px; font-size:12px; color:#ccc; text-align:center; background:#3f3f3f url(../images/loader.gif) no-repeat center 10px; background-size:auto 25px; border-radius:8px; vertical-align:top; display:inline-block; }



#win_con_box1{ position:absolute; z-index:500; top:0px; left:50%; margin:0 0 0 -50%; width:100%; height:100%; background-color:rgba(0,0,0,0.60); display:none; overflow:hidden; }
#win_con_box1 .mainbox{ position:absolute; z-index:10; top:60px; left:50%; margin:0 0 0 -445px; padding:20px; width:850px; height:auto; background:#fff; border-radius:6px; overflow:hidden; }
#win_con_box1 .mainbox .h_title{ margin:0px; padding:8px 0 18px 0; width:100%; border-bottom:#ccc 1px solid; float:left; }
#win_con_box1 .mainbox .h_title span{ margin:0px; width:800px; line-height:25px; font-size:18px; color:#333; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#win_con_box1 .mainbox .h_title i{ margin:0px; width:25px; height:25px; background:url(../images/close.png) no-repeat; background-size:100% auto; font-style:normal; cursor:pointer; float:right; display:block; }
#win_con_box1 .mainbox .h_conbox{ margin:15px 0 0 0; padding:0px; width:100%; float:left; overflow-x:hidden; overflow-y:auto; }
#win_con_box1 .mainbox .h_conbox .videobox{ margin:0px; padding:0px; width:100%; height:500px; text-align:center; background:#fcfcfc; float:left; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; }
#win_con_box1 .mainbox .h_conbox .videobox p{ margin:0px; padding:0px; width:100%; line-height:25px; font-size:14px; color:#333; }




#win_video_box{ position:fixed; z-index:100; top:0px; left:0; margin:0; width:100%; height:100%; background-color:rgba(1,1,1,1); display:none; overflow:hidden; }
#win_video_box .video_box{ position: relative; margin:0px; width:100%; min-width: 1260px; height:100%; text-align:center; display: flex; flex-direction:column; align-items: center; justify-content: center; }
#win_video_box .video_box .h_close{ position: absolute; z-index: 5; top: 20px; right: 20px; width: 40px; height: 40px; font-size: 38px; color: #999; cursor: pointer; display: flex; flex-direction: row; justify-content: center; align-items: center; }
#win_video_box .video_box .h_close::after{ content:'\e6a6'; font-family:'Hui-iconfont'; }
#win_video_box .video_box .h_video{ margin:0px; padding:0px; width:80%; height:85%; color: #eee; overflow:hidden; display: flex; flex-direction:column; align-items: center; justify-content: center; }
#win_video_box .video_box .h_video iframe{ margin: 0px; padding: 0px; width: 100%; height: 100%; border: none; overflow: hidden; }






.topcon_box{ position:fixed; z-index:50; left:0px; top:0px; margin:0px; width:100%; height:89px; background:#fff; border-bottom:#f0f0f0 1px solid; display: flex; flex-direction: row; align-items: center; }

.topcon_box .main_box{ margin:0px; padding:0px; width:100%; height:100%; display:flex; flex-wrap: nowrap; justify-content:space-between; align-items:center; }
.topcon_box .main_box .h_logo{ margin:0 0 0 2%; display:flex; align-items:center; }


.topcon_box .main_box .h_menu{ margin:0 0 0 3%; width:calc(100% - 3% - 585px); box-sizing:border-box; display:flex; flex-wrap: nowrap; align-items:center; }

.topcon_box .main_box .h_menu ul{ margin:0px; width:100%; padding:0px; display:flex; justify-content:center; align-items:center; }

.topcon_box .main_box .h_menu ul li{ margin:0 1px; padding:0 50px; width:auto; height:90px; display:flex; align-items:center; }
.topcon_box .main_box .h_menu ul li b{ margin:0px; padding:0; width:auto; font-size:16px; font-weight:normal; text-align:center; cursor:pointer; }
.topcon_box .main_box .h_menu ul li b a{ padding:0px; width:auto; height:100%; color:#000; display:block }
.topcon_box .main_box .h_menu ul li b a:hover{ color:#ed7020; }
.topcon_box .main_box .h_menu ul li b a.on{ color:#000; font-weight:bold;}
.topcon_box .main_box .h_menu ul li b a.on:hover{ color:#000; }
.topcon_box .main_box .h_menu ul li.mtwo:hover b a{ color:#ed7020; }
@media screen and (max-width:1900px) {
    .topcon_box .main_box .h_menu ul li{ padding:0 42px; }
}
@media screen and (max-width:1680px) {
    .topcon_box .main_box .h_menu ul li{ padding:0 27px; }
}
@media screen and (max-width:1440px) {
    .topcon_box .main_box .h_menu ul li{ padding:0 16px; }
}
@media screen and (max-width:1280px) {
    .topcon_box .main_box .h_menu ul li{ padding:0 15px; }
}


.topcon_box .main_box .h_urlsearch{ margin:0px; display:flex; flex-wrap: nowrap; align-items:center; }

.topcon_box .main_box .h_urlsearch .h_fwcx{ margin:0 40px 0 0; width:auto; height:26px; white-space:nowrap; }
.topcon_box .main_box .h_urlsearch .h_fwcx a{ padding:0 0 0 32px; width:auto; line-height:26px; font-size:16px; color:#999; background:url(../images/i_fwcx.jpg) no-repeat left center; display:block; }
.topcon_box .main_box .h_urlsearch .h_fwcx a:hover{ color:#555; }

.topcon_box .main_box .h_urlsearch .h_jdtm{ margin:0 40px 0 0; height:32px; display:flex; }
.topcon_box .main_box .h_urlsearch .h_jdtm a{ margin:0 13px; width:auto; display:block; }


.topcon_box .main_box .h_urlsearch .h_search{ position:relative; margin:0px; display:flex; }
.topcon_box .main_box .h_urlsearch .h_search .hh_btncon{ margin:0px; width:89px; height:89px; background:#ed7020; cursor:pointer; display:flex; justify-content:center; align-items: center; }
.topcon_box .main_box .h_urlsearch .h_search .hh_btncon i{ color:#fff; font-size:34px; }
.topcon_box .main_box .h_urlsearch .h_search .hh_btncon.hide::after{ content:'\e709'; padding:0px; color:#fff; font-size:34px; font-family:'Hui-iconfont'; }
.topcon_box .main_box .h_urlsearch .h_search .hh_btncon.show::after{ content:'\e6a6'; padding:0px; color:#fff; font-size:34px; font-family:'Hui-iconfont'; }
.topcon_box .main_box .h_urlsearch .h_search .hh_search{ position:absolute; z-index:2; top:89px; right:0px; margin:0px; padding: 0px; width:300px; height:40px; background-color:#fff; border:#ddd 1px solid; display:none; overflow:hidden; }
.topcon_box .main_box .h_urlsearch .h_search .hh_search .s_text{ margin:0px; padding:0 10px 0 20px; width:230px; height:40px; line-height:40px; font-size:14px; color:#666; background:none; border:none; float:left; }
.topcon_box .main_box .h_urlsearch .h_search .hh_search .s_sub{ margin:0px; padding:0px; width:40px; height:40px; line-height:40px; text-align:center; font-size:22px; color:#666; font-family:'Hui-iconfont'; background:none; border:none; cursor:pointer; float:right; }



.topcon_box .main_box .h_menu ul li .tmcon_box{ position:absolute; z-index: 50; top:90px; left:0px; margin:0px; width:100%; background-color:rgba(255, 255, 255, 0.97); border-bottom:#f1f1f1 2px solid; display:none; overflow:hidden; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox1{ margin:0 auto; width:90%; height:89px; text-align:center; overflow:hidden; display:flex; justify-content:center; align-items: center; }

.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox1 span{ margin:0 30px; width:auto; font-size:16px; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox1 span a{ line-height:45px; color:#000; display:block; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox1 span a:hover{ color:#ed7020; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox1 span a.on{ color:#ed7020; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox1 span a.on:hover{ color:#ed7020; }


.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2{ margin:0 auto; padding-bottom:35px; width:100%; min-height:70px; text-align:center; overflow:hidden; display: flex; flex-direction: column; align-items: center; }

.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_onetype{ margin:0px; width:100%; height:89px; text-align:center; border-bottom:#f0f0f0 1px solid; overflow:hidden; display:flex; justify-content:center; align-items: center; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_onetype span{ margin:0 30px; width:auto; font-size:16px; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_onetype span a{ line-height:45px; color:#000; display:block; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_onetype span a:hover{ color:#ed7020; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_onetype span.active a{ color:#ed7020; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_onetype span.active a:hover{ color:#ed7020; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_onetype span.fw{ font-weight: bold;}

.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_twotype{ margin:35px 0 0 0; width:100%; display:none; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_twotype.active{ display:inline; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_twotype .swiper_conbox{ position:relative; margin:0 auto; width:1600px; overflow:hidden; }



.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-container{ width:calc(100% - 100px); }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-container .swiper-wrapper{ width:100%; }

.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-slide{ width:100%; overflow:hidden; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-slide a{ margin:0px; padding:0px; width:190px; background:#f2f2f2; border-radius:10px; overflow:hidden; display: block; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-slide a dl{ margin:0px; padding-bottom: 20px; width:100%; display:flex; flex-direction:column; align-items:center; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-slide a dl dt{ position: relative; margin:0px; padding-bottom: 90%; width:100%; height:0px; text-align:center; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-slide a dl dt p{ position: absolute; z-index: 1; top: 0; left: 0; width:100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-slide a dl dt p img{ width:58%; }

.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-slide a dl dd{ margin:0px; padding:0 5%; width:90%; text-align: center; box-sizing: border-box; display:flex; flex-direction:column; align-items: center; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-slide a dl dd h1{ margin:0px; width:100%; line-height:30px; font-size:14px; color:#000; font-weight:bold; text-align:center; overflow:hidden }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-slide a dl dd p{ margin:0px; width:100%; line-height:22px; font-size:10px; color:#333; overflow:hidden; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-slide a:hover{ background:#d9d9d9; }


.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-procate-button-next{ position:absolute; z-index: 10; right:0; top:50%; margin:-25px 0 0 0; width:30px; height:50px; color:#000; cursor: pointer; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-procate-button-next::after{ content:'\e63d'; font-size:30px; font-family:'Hui-iconfont'; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-procate-button-next:hover{ color:#ed7020; }

.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-procate-button-prev{ position:absolute; z-index: 10; left:0; top:50%; margin:-25px 0 0 0; width:30px; height:50px; color:#000; cursor: pointer; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-procate-button-prev::after{ content:'\e67d'; font-size:30px; font-family:'Hui-iconfont'; }
.topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .swiper-procate-button-prev:hover{ color:#ed7020; }




.topcon_height{ margin:0px; padding:0px; width:100%; height:90px; display: flex; flex-direction: row; align-items: center; }


@media screen and (max-width:1600px) {
    .topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_twotype .swiper_conbox { width:1420px; }
}

@media screen and (max-width:1440px) {
    .topcon_box .main_box .h_menu ul li .tmcon_box .mainbox2 .h_twotype .swiper_conbox { width:1260px; }
}






/*------------------Home------------------------------*/

.h_ad_box{ position: relative; margin:0; width:100%; text-align:center; overflow:hidden; display: flex; flex-direction: column; align-items: center; }

.h_ad_box .h_conbox{ position: relative; margin:0; width:100%; text-align: center; display: block; overflow:hidden; }
.h_ad_box .h_conbox video{ margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; display: block; overflow:hidden; }
.h_ad_box .h_conbox img{ width: 100%; vertical-align: top; }

.h_ad_box .h_view{ position: absolute; z-index: 20; top: 0; margin: 0; width: 100%; height:100%; display: flex; flex-direction: column; justify-content: center; }

.h_ad_box .h_view .h_text{ margin:0; padding-bottom:100px; width: 100%; display: flex; flex-direction: column; align-items: center; }
.h_ad_box .h_view .h_text b{ line-height: 90px; font-size: 60px; color: #fff;}
.h_ad_box .h_view .h_text span{ line-height: 55px; font-size: 30px; color: #fff;}

.h_ad_box .h_view .h_btn{ margin: 0; width: 100%; display: flex; flex-direction: row; justify-content: center; }
.h_ad_box .h_view .h_btn a{ margin: 0 18px; padding: 0 30px; width:auto; height: 45px; color: #fff; font-size: 20px; border: #fff 1px solid; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: center; }
.h_ad_box .h_view .h_btn a:hover{ color: #000; background-color: #fff; border: #000 1px solid; }
.h_ad_box .h_view .h_btn a.more::after{ content:'\e6d7'; font-family:'Hui-iconfont'; margin: 0px; margin-left: 5px; font-size: 23px; }
.h_ad_box .h_view .h_btn a.video::after{ content:'\e6e6'; font-family:'Hui-iconfont'; margin: 0px; margin-left: 7px; font-size: 23px; }



.h_ad_box1{ position: relative; margin:0; width:100%; text-align:center; overflow:hidden; display: flex; flex-direction: column; align-items: center; }
.h_ad_box1 .h_conbox{ position: relative; margin:0; width:100%; text-align: center; display: block; overflow:hidden; }
.h_ad_box1 .h_conbox video{ margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; display: block; overflow:hidden; }
.h_ad_box1 .h_conbox img{ width: 100%; vertical-align: top; }
.h_ad_box1 .h_view{ position: absolute; z-index: 20; top: 50%; margin: -23px 0 0 0; width: 100%; display: flex; flex-direction: row; justify-content: center; }
.h_ad_box1 .h_view a{ margin: 0 18px; padding: 0 30px; width:auto; height: 45px; color: #fff; font-size: 20px; border: #fff 1px solid; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: center; }
.h_ad_box1 .h_view a:hover{ color: #000; background-color: #fff; border: #000 1px solid; }
.h_ad_box1 .h_view a.more::after{ content:'\e6d7'; font-family:'Hui-iconfont'; margin: 0px; margin-left: 5px; font-size: 23px; }
.h_ad_box1 .h_view a.video::after{ content:'\e6e6'; font-family:'Hui-iconfont'; margin: 0px; margin-left: 7px; font-size: 23px; }






.h_mid_box1{ margin:150px 0 0 0; width: 100%; max-width:1600px; overflow:hidden; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; }
.h_mid_box1 .h_typename{ margin: 0; width: 100%; display: flex; flex-direction: column; align-items: center; }
.h_mid_box1 .h_typename b{ line-height: 90px; font-size: 60px; color: #000;}
.h_mid_box1 .h_typename span{ line-height: 60px; font-size: 30px; color: #000;}
.h_mid_box1 .h_typename a{ margin: 40px 0 0 0; padding: 0 30px; width:auto; height: 45px; color: #000; font-size: 20px; border: #000 1px solid; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.h_mid_box1 .h_typename a:hover{ color: #fff; background-color: #000; }
.h_mid_box1 .h_typename a::after{ content:'\e6d7'; font-family:'Hui-iconfont'; margin: 0px; margin-left: 5px; font-size: 23px; }


.h_mid_box1 .h_mainbox{ margin: 60px 0 0 0; width:100%; text-align:center; overflow:hidden; display: flex; flex-direction: column; align-items: center; }
.h_mid_box1 .h_mainbox .h_conbox{ position: relative; margin:0; width:100%; text-align: center; overflow:hidden; display: block; }
.h_mid_box1 .h_mainbox .h_conbox video{ margin: 0; padding: 0; width: 100%; height: 100%; display: block; }
.h_mid_box1 .h_mainbox .h_conbox img{ width: 100%; vertical-align: top; }

.h_mid_box1 .h_mainbox .h_conbox .h_view{ position: absolute; z-index: 30; bottom: 15%; margin: 0; width: 100%; display: flex; flex-direction: row; justify-content: center; }
.h_mid_box1 .h_mainbox .h_conbox .h_view a{ margin: 0px; width: 180px; height: 45px; color: #fff; font-size: 20px; border: #fff 1px solid; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.h_mid_box1 .h_mainbox .h_conbox .h_view a:hover{ color: #000; background-color: #fff; }
.h_mid_box1 .h_mainbox .h_conbox .h_view a::after{ content:'\e6e6'; font-family:'Hui-iconfont'; margin: 0px; margin-left: 7px; font-size: 23px; }
@media screen and (max-width:1600px) {
    .h_mid_box1{ padding: 0 4%; }
}





.h_mid_box2{ margin:150px 0 0 0; width: 100%; max-width:1600px; overflow:hidden; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; }
.h_mid_box2 .h_typename{ margin: 0; width: 100%; display: flex; flex-direction: column; align-items: center; }
.h_mid_box2 .h_typename b{ line-height: 90px; font-size: 60px; color: #000;}
.h_mid_box2 .h_typename span{ line-height: 60px; font-size: 30px; color: #000;}
.h_mid_box2 .h_typename a{ margin: 40px 0 0 0; padding: 0 30px; width:auto; height: 45px; color: #000; font-size: 20px; border: #000 1px solid; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.h_mid_box2 .h_typename a:hover{ color: #fff; background-color: #000; }
.h_mid_box2 .h_typename a::after{ content:'\e6d7'; font-family:'Hui-iconfont'; margin: 0px; margin-left: 5px; font-size: 23px; }


.h_mid_box2 .h_mainbox{ margin: 0; width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.h_mid_box2 .h_mainbox dl{ margin: 60px 0 0 0; width: 31.6%; display: flex; flex-direction:column; align-items: center; }
.h_mid_box2 .h_mainbox dl dt{ margin: 0px; width: 100%; text-align: center; overflow:hidden; }
.h_mid_box2 .h_mainbox dl dt img{ width: 100%; }
.h_mid_box2 .h_mainbox dl dd{ margin: 25px 0 0 0; width: 100%; line-height: 40px; font-size: 24px; font-weight: bold; }
.h_mid_box2 .h_mainbox dl dd a{ color: #000; }
.h_mid_box2 .h_mainbox dl dd a:hover{ color: #ed7020; }
.h_mid_box2 .h_mainbox dl:nth-child(4){ width: 65.8%;}
/* .h_mid_box2 .h_mainbox dl:nth-child(4){ width: 1052.5px;} */
@media screen and (max-width:1600px) {
    .h_mid_box2{ padding: 0 4%; }
}






.h_mid_box3{ margin:160px 0 0 0; width: 100%; text-align: center; overflow:hidden; }
.h_mid_box3 img{ width: 100%; }





.h_mid_box4{ margin:150px 0 0 0; width: 100%; max-width:1600px; overflow:hidden; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; }
.h_mid_box4 .h_typename{ margin: 0; width: 100%; line-height: 90px; font-size: 60px; font-weight: bold; color: #000; display: flex; flex-direction: column; }

.h_mid_box4 .h_mainbox{ margin: 10px 0 0 0; width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.h_mid_box4 .h_mainbox .h_item{ margin: 50px 0 0 0; width: 31%; display: flex; flex-direction:column; }
.h_mid_box4 .h_mainbox .h_item .h_type{ margin: 0; width: 100%; line-height: 40px; font-size: 25px; color: #000; font-weight: bold; }
.h_mid_box4 .h_mainbox .h_item .h_type a{ color:#000; }
.h_mid_box4 .h_mainbox .h_item .h_type a:hover{ color:#ed7020; }

.h_mid_box4 .h_mainbox .h_item .h_img{ position: relative; margin:30px 0 0 0; padding-bottom: 55%; width:100%; height:0px; text-align:center; }
.h_mid_box4 .h_mainbox .h_item .h_img p{ position: absolute; z-index: 1; top: 0; left: 0; width:100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.h_mid_box4 .h_mainbox .h_item .h_img p img{ width:100%; height: 100%; }

.h_mid_box4 .h_mainbox .h_item .h_list{ margin: 20px 0 0 0; width: 100%; }
.h_mid_box4 .h_mainbox .h_item .h_list ul{ margin: 0px; width: 100%; display: flex; flex-direction: column; align-items: center; }
.h_mid_box4 .h_mainbox .h_item .h_list ul li{ margin: 0px; width: 100%; line-height: 58px; font-size: 19px; }
.h_mid_box4 .h_mainbox .h_item .h_list ul li a{ position: relative; padding-right: 35px; width: 100%; color: #888; border-bottom: #999 2px solid; box-sizing: border-box; display: block; }
.h_mid_box4 .h_mainbox .h_item .h_list ul li a:hover{ color: #000; border-bottom: #000 2px solid; }
.h_mid_box4 .h_mainbox .h_item .h_list ul li a i{ position: absolute; z-index: 2; top: 0; right: 0; margin: 0; width: auto; height: 58px; line-height: 58px; font-size: 16px; font-style: normal; }
@media screen and (max-width:1600px) {
    .h_mid_box4{ padding: 0 4%; }
}



/*------------------Neiye------------------------------*/

.ny_ad_box{ margin:0 auto; padding:0px; width:100%; text-align:center; overflow:hidden; }
.ny_ad_box img{ width:100%; }




.ny_typecon_box{ margin:0 auto; margin-top:50px; width:1200px; text-align:center; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.ny_typecon_box a{ margin:18px 8px 0 8px; padding:0 18px; min-width:90px; height:40px; line-height:40px; font-size:16px; color:#000; border:#ccc 1px solid; }
.ny_typecon_box a:hover{ color:#ed7020; border:#ed7020 1px solid; }
.ny_typecon_box a.on{ color:#fff; background:#ed7020; border:#ed7020 1px solid; }
.ny_typecon_box a.on:hover{ color:#fff; }





.ny_location_box{ margin:0 auto; padding:14px 0 12px 0; width:1200px; border-bottom:#e5e5e5 1px solid; overflow:hidden;  display: flex; flex-wrap: wrap; flex-direction: row; justify-content:flex-start; }
.ny_location_box i{ margin-left:5px; color:#9c9c9c; line-height:25px; font-size:18px; }
.ny_location_box span{ margin:0 0 0 8px; width:auto; line-height:25px; color:#9c9c9c; font-size:16px; }
.ny_location_box span a{ color:#666; }
.ny_location_box span a:hover{ color:#ed7020; }




.ny_content_box{ margin:0 auto; margin-top:45px; padding:0px; width:1160px; overflow:hidden; }



.ny_map_box{ margin:0 auto; margin-top:45px; padding:0px; width:1160px; text-align:center; overflow:hidden; }




.ny_product_box{ margin:0px; width: 100%; max-width:1600px; box-sizing: border-box; display: flex; flex-direction:column; }
.ny_product_box .h_typename{ margin: 110px 0 0 0; width: 100%; line-height: 70px; font-size: 40px; font-weight: bold; color: #000; }
.ny_product_box .h_listbox{ margin: 0px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.ny_product_box .h_listbox a{ margin:50px 0 0 0; padding:0px; width:22.5%; background:#fff; box-shadow: 0 0 5px #ddd; border-radius:15px; overflow:hidden; display: block; }
.ny_product_box .h_listbox a dl{ margin:0px; padding-bottom: 40px; width:100%; display:flex; flex-direction:column; align-items:center; }
.ny_product_box .h_listbox a dl dt{ position: relative; margin:0px; padding-bottom: 90%; width:100%; height:0px; text-align:center; }
.ny_product_box .h_listbox a dl dt p{ position: absolute; z-index: 1; top: 0; left: 0; width:100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.ny_product_box .h_listbox a dl dt p img{ width:56%; }
.ny_product_box .h_listbox a dl dd{ margin:0px; padding:0 5%; width:100%; text-align: center; box-sizing: border-box; display:flex; flex-direction:column; align-items: center; }
.ny_product_box .h_listbox a dl dd h1{ margin:0; width:100%; line-height:50px; font-size:25px; color:#000; font-weight:bold; text-align:center; overflow:hidden; }
.ny_product_box .h_listbox a dl dd p{ margin:0px; width:100%; line-height:30px; font-size:18px; color:#333; overflow:hidden; }
.ny_product_box .h_listbox a:hover{ background:#ddd; box-shadow: 0 0 5px #fff; }

.ny_product_box .h_listbox .r_fill{ margin:50px 0 0 0; padding:0px; width:22.5%; border-radius:15px; overflow:hidden; display: block; }
@media screen and (max-width:1600px) {
    .ny_product_box{ padding: 0 4%; }
}





.ny_product_xx_title{ position:fixed; z-index: 25; top:90px; left: 0; margin:0px; width: 100%; height: 89px; border-bottom: #e9e9e9 1px solid; background-color:rgba(238,238,238,0.75); display: flex; flex-direction:column; align-items: center; }
.ny_product_xx_title .h_mainbox{ margin: 0px; width: 100%; max-width: 1440px; height: 100%; box-sizing: border-box; display: flex; flex-direction:row; justify-content: space-between; align-items: center; }
.ny_product_xx_title .h_mainbox .title{ margin: 0px; width: auto; font-size: 18px; font-weight: bold; color: #000; }
.ny_product_xx_title .h_mainbox .rcon{ margin: 0px; width: auto; font-size: 18px; color: #000; }
.ny_product_xx_title .h_mainbox .rcon a{ margin-left: 80px; color: #000; }
.ny_product_xx_title .h_mainbox .rcon a:hover{ color: #ed7020; }
@media screen and (max-width:1440px) {
    .ny_product_xx_title .h_mainbox{ padding: 0 5%; }
}


.ny_product_xx_box{ margin:0px; width: 100%; overflow:hidden; display: flex; flex-direction:column; align-items: center; }
.ny_product_xx_box .h_content{ margin:0px; width: 100%; overflow:hidden; }
.ny_product_xx_box .h_content img{ width:100%; height:auto; }
.ny_product_xx_box .h_csname{ margin:100px 0 0 0; width: 100%; max-width: 1600px; line-height: 160px; font-size: 60px; font-weight: bold; color: #000; border-bottom: #c4c4c4 2px solid; box-sizing: border-box; overflow:hidden; }
.ny_product_xx_box .h_cscon{ margin:0; width: 100%; max-width: 1600px;  box-sizing: border-box; overflow:hidden; }
@media screen and (max-width:1600px) {
    .ny_product_xx_box .h_csname, .ny_product_xx_box .h_cscon{ padding: 0 4%; }
}






.ny_news_box{ margin:0px; width: 100%; max-width:1600px; box-sizing: border-box; display: flex; flex-direction:column; }
.ny_news_box .h_typename{ margin: 110px 0 0 0; width: 100%; line-height: 70px; font-size: 40px; font-weight: bold; color: #000; }

.ny_news_box .h_listbox{ margin: 0px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.ny_news_box .h_listbox dl{ margin:50px 0 0 0; padding:0 0 25px 0; width:31.2%; background:#fff; overflow:hidden; }
.ny_news_box .h_listbox dl dt{ position: relative; margin:0px; padding-bottom: 55%; width:100%; height:0px; text-align:center; }
.ny_news_box .h_listbox dl dt p{ position: absolute; z-index: 1; top: 0; left: 0; width:100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.ny_news_box .h_listbox dl dt p img{ width:100%; height: 100%; }
.ny_news_box .h_listbox dl dd{ margin:20px 0 0 0; padding:0 7%; width:100%; box-sizing: border-box; display:flex; flex-direction:column; align-items: center; }
.ny_news_box .h_listbox dl dd h1{ margin:0px; width:100%; line-height:35px; max-height: 70px; font-size:22px; font-weight: normal; color:#000; }
.ny_news_box .h_listbox dl dd h1 a{ color: #000; }
.ny_news_box .h_listbox dl dd h1 a:hover{ color: #ed7020; }
.ny_news_box .h_listbox dl dd p{ margin:15px 0 0 0; width:100%; height: 30px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.ny_news_box .h_listbox dl dd p span{ margin:0px; width:auto; font-size:16px; color: #666; font-style: normal; overflow:hidden; }
.ny_news_box .h_listbox dl dd p i{ margin:0px; width:auto; font-size:16px; font-style: normal; overflow:hidden; }
.ny_news_box .h_listbox dl dd p i a{ color: #666; }
.ny_news_box .h_listbox dl dd p i a::after{ content: '\e6d7'; font-family:'Hui-iconfont'; margin-left: 4px; }
.ny_news_box .h_listbox dl dd p i a:hover{ color: #ed7020; }
.ny_news_box .h_listbox dl:hover{ background-color: #ddd;}

.ny_news_box .h_listbox .r_fill{ margin:50px 0 0 0; padding:0 0 25px 0; width:31.2%; overflow:hidden; }
@media screen and (max-width:1600px) {
    .ny_news_box{ padding: 0 4%; }
}





.ny_news_xx_box{ margin:110px 0 0 0; width: 100%; max-width:1600px; box-sizing: border-box; display: flex; flex-direction:column; }
.ny_news_xx_box .h_title{ margin:0px; width:100%; line-height:60px; color:#000; font-size:44px; font-weight: bold; }
.ny_news_xx_box .h_datecon{ margin:15px 0 0 0; padding:25px 0; width:100%; line-height:25px; color:#666; font-size:16px; border-bottom: #757575 2px solid; }

.ny_news_xx_box .h_content{ margin:60px 0 0 0; width:100%; overflow:hidden; }
@media screen and (max-width:1600px) {
    .ny_news_xx_box{ padding: 0 4%; }
}






.ny_case_box{ margin:0px; width: 100%; max-width:1600px; box-sizing: border-box; display: flex; flex-direction:column; }
.ny_case_box .h_typename{ margin: 110px 0 0 0; width: 100%; line-height: 70px; font-size: 40px; font-weight: bold; color: #000; }

.ny_case_box .h_listbox{ margin: 0px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.ny_case_box .h_listbox dl{ margin:50px 0 0 0; padding:0 0 25px 0; width:31.2%; background:#fff; overflow:hidden; }
.ny_case_box .h_listbox dl dt{ position: relative; margin:0px; padding-bottom: 55%; width:100%; height:0px; text-align:center; }
.ny_case_box .h_listbox dl dt p{ position: absolute; z-index: 1; top: 0; left: 0; width:100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.ny_case_box .h_listbox dl dt p img{ width:100%; height: 100%; }
.ny_case_box .h_listbox dl dd{ margin:20px 0 0 0; padding:0 7%; width:100%; box-sizing: border-box; display:flex; flex-direction:column; align-items: center; }
.ny_case_box .h_listbox dl dd h1{ margin:0px; width:100%; line-height:35px; max-height: 70px; font-size:22px; font-weight: normal; color:#000; }
.ny_case_box .h_listbox dl dd h1 a{ color: #000; }
.ny_case_box .h_listbox dl dd h1 a:hover{ color: #ed7020; }
.ny_case_box .h_listbox dl dd i{ margin:15px 0 0 0; width:100%; line-height: 30px; font-size:16px; font-style: normal; overflow:hidden; }
.ny_case_box .h_listbox dl dd i a{ color: #666; }
.ny_case_box .h_listbox dl dd i a::after{ content: '\e6d7'; font-family:'Hui-iconfont'; margin-left: 4px; }
.ny_case_box .h_listbox dl dd i a:hover{ color: #ed7020; }
.ny_case_box .h_listbox dl:hover{ background-color: #ddd;}

.ny_case_box .h_listbox .r_fill{ margin:50px 0 0 0; padding:0 0 25px 0; width:31.2%; overflow:hidden; }
@media screen and (max-width:1600px) {
    .ny_case_box{ padding: 0 4%; }
}





.ny_case_xx_box{ margin:110px 0 0 0; width: 100%; max-width:1600px; box-sizing: border-box; display: flex; flex-direction:column; }
.ny_case_xx_box .h_title{ margin:0px; padding-bottom: 50px; width:100%; line-height:60px; color:#000; font-size:44px; font-weight: bold; border-bottom: #757575 2px solid; }

.ny_case_xx_box .h_content{ margin:60px 0 0 0; width:100%; overflow:hidden; }
@media screen and (max-width:1600px) {
    .ny_case_xx_box{ padding: 0 4%; }
}







.ny_znkg_box{ margin: 0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_znkg_box .h_content{ margin: 0px; width: 100%; overflow:hidden; display: flex; flex-direction:column; align-items: center; }
.ny_znkg_box .h_content p{ margin: 0px; padding: 0px; width: 100%; text-align: center; display: flex; flex-direction:column; align-items: center; }
.ny_znkg_box .h_content p img{ width: 100%; vertical-align: top; }

.ny_znkg_box .h_btncon1{ margin: 0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_znkg_box .h_btncon1 a{ margin: 0 18px; width: 180px; height: 45px; color: #000; font-size: 20px; background-color: #f9f9f9;  border: #000 1px solid; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.ny_znkg_box .h_btncon1 a:hover{ color: #fff; background-color: #000; }
.ny_znkg_box .h_btncon1 a::after{ content:'\e6d7'; font-family:'Hui-iconfont'; margin: 0px; margin-left: 5px; font-size: 23px; }

.ny_znkg_box .h_btncon2{ margin: 0px; width: 100%; background-color: #f9f9f9; display: flex; flex-direction:column; align-items: center; }
.ny_znkg_box .h_btncon2 a{ margin: 0 18px; width: 220px; height: 47px; color: #fff; font-size: 20px; background-color: #0066ff; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.ny_znkg_box .h_btncon2 a:hover{ color: #fff; background-color: #ed7020; }



.ny_znkg_box .h_swiper{ margin: 0px; padding: 280px 0 0 0; width: 100%; text-align: center; background: #000 url(../images/znkg/1_bg01.jpg) no-repeat left top; background-size: 100% auto; overflow:hidden; }
.ny_znkg_box .h_swiper .swiper-container, .ny_znkg_box .h_swiper .swiper-container .swiper-wrapper{ padding: 0 0 40px 0; width:85%; }
.ny_znkg_box .h_swiper .swiper-slide{ width:100%; }
.ny_znkg_box .h_swiper .swiper-slide img{ width: 100%; height: auto;}
.ny_znkg_box .h_swiper .swiper-pagination{ bottom: 0px !important; height: auto !important; }
.ny_znkg_box .h_swiper .swiper-pagination-bullet{ width: 16px; height: 16px; border-radius: 50%; background: #666; margin: 0 10px !important; opacity: 0.8; border: 0; cursor: pointer; display: inline-block; }
.ny_znkg_box .h_swiper .swiper-pagination-bullet-active { opacity: 1; background: #fff; }


.ny_znkg_box .h_swiper1{ margin: 0px; width: 100%; text-align: center; border-top: #000 60px solid; overflow:hidden; }
.ny_znkg_box .h_swiper1 .swiper-container, .ny_znkg_box .h_swiper1 .swiper-container .swiper-wrapper{ width:100%; }
.ny_znkg_box .h_swiper1 .swiper-slide{ width:100%; }
.ny_znkg_box .h_swiper1 .swiper-slide .h_con{ width:100%; overflow: hidden; opacity:1; display:flex; justify-content: center; align-items: center;}
.ny_znkg_box .h_swiper1 .swiper-slide .h_con img{ width: 100%; height: auto;}

.ny_znkg_box .h_swiper1 .swiper-pagination{ bottom: 80px; }
.ny_znkg_box .h_swiper1 .swiper-pagination-bullet{ margin:0 4% !important; width:auto; height: 63px; line-height: 45px; font-size: 30px; color: #fff; border-radius: inherit; opacity: 1; background:url(../images/znkg/1_line.jpg) no-repeat center bottom; cursor: pointer; display: inline-block; }
.ny_znkg_box .h_swiper1 .swiper-pagination-bullet-active { opacity: 1; background:url(../images/znkg/1_line_on.jpg) no-repeat center bottom;}

.ny_znkg_box .h_swiper1 .swiper-pagination.ttxt{ top: 120px;  display: flex; flex-wrap: nowrap; flex-direction:row; justify-content: center; }
.ny_znkg_box .h_swiper1 .swiper-pagination.ttxt span{ height: 100px; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; }
.ny_znkg_box .h_swiper1 .swiper-pagination.ttxt span b { font-weight: normal; }
.ny_znkg_box .h_swiper1 .swiper-pagination.ttxt span i { font-style: normal; font-size: 20px; line-height: 35px; }


.ny_znkg_box .h_swiper_ser{ margin: 0 0 200px 0; width: 100%; max-width: 1610px; text-align: center; box-sizing: border-box; overflow:hidden; }

.ny_znkg_box .h_swiper_ser .swiper-container{ width:100%; padding-bottom: 100px; }
.ny_znkg_box .h_swiper_ser .swiper-container .swiper-wrapper{ width:100%; }
.ny_znkg_box .h_swiper_ser .swiper-slide{ width:100%; }
.ny_znkg_box .h_swiper_ser .swiper-slide .h_con{ width:100%; overflow: hidden; opacity:1; display:flex; justify-content: center; align-items: center;}
.ny_znkg_box .h_swiper_ser .swiper-slide .h_con img{ width: 100%; height: auto;}

.ny_znkg_box .h_swiper_ser .swiper-pagination{ bottom: 0px; }
.ny_znkg_box .h_swiper_ser .swiper-pagination-bullet{ margin:0 2.3% !important; width:auto; height: 60px; line-height: 60px; font-size: 35px; color: #999; background: none; border-radius: inherit; opacity: 1; cursor: pointer; display: inline-block; }
.ny_znkg_box .h_swiper_ser .swiper-pagination-bullet-active { opacity: 1; color: #000; }

.ny_znkg_box .h_marquee_ser{ margin: 140px 0 0 0; width: 100%; overflow:hidden; }
.ny_znkg_box .h_marquee_ser .marquee{ margin: 50px 0 0 0; width:100%; height: 325px; overflow:hidden; }
.ny_znkg_box .h_marquee_ser .marquee ul li{ position: relative; float:left; padding:0 25px; width: 620px; height: 325px; }
.ny_znkg_box .h_marquee_ser .marquee ul li img{ width: 100%; height: 100%; border-radius: 18px; display:block; }
.ny_znkg_box .h_marquee_ser .marquee ul li span{ position: absolute; z-index: 2; top: 0px; left: 0px; margin: 0px; padding: 25px 55px; width: 100%; line-height: 35px; font-size: 20px; color: #fcfcfc; box-sizing: border-box; overflow: hidden; }


@media screen and (max-width:1610px) {
    .ny_znkg_box .h_swiper_ser{ padding: 0 4%; }
}







.ny_video_box{ margin:0px; width: 100%; max-width:1600px; box-sizing: border-box; display: flex; flex-direction:column; }
.ny_video_box .h_typename{ margin: 110px 0 0 0; width: 100%; line-height: 70px; font-size: 40px; font-weight: bold; color: #000; }

.ny_video_box .h_listbox{ margin: 0px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.ny_video_box .h_listbox dl{ margin:50px 0 0 0; padding:0 0 25px 0; width:31.2%; background:#fff; cursor: pointer; overflow:hidden; }
.ny_video_box .h_listbox dl dt{ position: relative; margin:0px; padding-bottom: 55%; width:100%; height:0px; text-align:center; }
.ny_video_box .h_listbox dl dt p{ position: absolute; z-index: 1; top: 0; left: 0; width:100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.ny_video_box .h_listbox dl dt p img{ width:100%; height: 100%; }
.ny_video_box .h_listbox dl dt p i{ position: absolute; z-index: 2; top: 0; left: 0; margin: 0px; width: 100%; height: 100%; font-size: 55px; color: #fff; font-style: normal; opacity: 0.8; display: flex; align-items: center; justify-content: center; }

.ny_video_box .h_listbox dl dd{ margin:20px 0 0 0; padding:0 7%; width:100%; box-sizing: border-box; display:flex; flex-direction:column; align-items: center; }
.ny_video_box .h_listbox dl dd h1{ margin:0px; width:100%; line-height:35px; max-height: 70px; font-size:22px; font-weight: normal; color:#000; }

.ny_video_box .h_listbox dl:hover{ background-color: #ddd;}
.ny_video_box .h_listbox dl:hover dd h1{ color: #ed7020; }
.ny_video_box .h_listbox dl:hover dt p i{ font-size: 65px; font-weight: bold; opacity: 1;}

.ny_video_box .h_listbox .f_fill{ margin:50px 0 0 0; padding:0 0 25px 0; width:31.2%; overflow:hidden; }

.ny_video_box .h_listbox .no_content{ margin: 0px; padding: 150px 0; width: 100%; font-size: 18px; color: #333; text-align: center; overflow: hidden;}
@media screen and (max-width:1600px) {
    .ny_video_box{ padding: 0 4%; }
}






.ny_search_box{ margin:0px; width: 100%; max-width:1600px; box-sizing: border-box; display: flex; flex-direction:column; }
.ny_search_box .h_typename{ margin: 110px 0 0 0; width: 100%; line-height: 70px; font-size: 40px; font-weight: bold; color: #000; }

.ny_search_box .h_listbox{ margin: 50px 0 0 0; width: 100%; display: flex; flex-direction:column; }
.ny_search_box .h_listbox dl{ margin:0px; padding:15px 0; width:100%; font-size:16px; border-bottom:#ddd 1px solid; overflow:hidden; display:flex; flex-direction:row; align-items: center; }
.ny_search_box .h_listbox dl dt{ margin:0px; width:100px; line-height:35px; color:#888; text-align:center; border-right:#eee 1px solid; }

.ny_search_box .h_listbox dl dd{ margin:0px; padding:0 0 0 25px; width:100%; line-height:35px; box-sizing: border-box; }
.ny_search_box .h_listbox dl dd a{ color:#000; }
.ny_search_box .h_listbox dl dd a:hover{ color:#ed7020; }


.ny_search_box .h_listbox .no_content{ margin: 0px; padding: 150px 0; width: 100%; font-size: 18px; color: #333; text-align: center; overflow: hidden;}
@media screen and (max-width:1600px) {
    .ny_search_box{ padding: 0 4%; }
}







.ny_about_box1{ margin: 0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_about_box1 .h_content{ margin:0px; width: 100%; overflow:hidden; }
.ny_about_box1 .h_content img{ width:100%; height:auto; }

.ny_about_box1 .h_marquee_box{ margin: 110px 0 0 0; width: 100%; overflow:hidden; }
.ny_about_box1 .h_marquee_box .marquee{ margin: 40px 0 0 0; width:100%; height: 235px; overflow:hidden; }
.ny_about_box1 .h_marquee_box .marquee ul li{ position: relative; float:left; padding:0 20px; width: 450px; height: 235px; }
.ny_about_box1 .h_marquee_box .marquee ul li img{ width: 100%; height: 100%; border-radius: 12px; display:block; }
.ny_about_box1 .h_marquee_box .marquee ul li span{ position: absolute; z-index: 2; top: 0px; left: 0px; margin: 0px; padding: 20px 45px; width: 100%; line-height: 25px; font-size: 16px; color: #fcfcfc; box-sizing: border-box; overflow: hidden; }



.ny_about_box2{ margin: 0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_about_box2 .h_typename{ margin: 140px 0 0 0; width: 100%; text-align: center; display: flex; flex-direction:column; align-items: center; justify-content: center; }
.ny_about_box2 .h_typename span{ margin: 0px; width: 100%; line-height: 75px; font-size: 56px; color: #000; font-weight: bold; }
.ny_about_box2 .h_typename i{ margin: 8px 0 0 0; width: 100%; line-height: 50px; font-size: 30px; color: #333; font-style: normal; }

.ny_about_box2 .h_conbox{ margin: 130px 0 0 0; padding:0px; width: 100%; box-sizing: border-box; overflow:hidden; }
.ny_about_box2 .h_conbox .h_content{ margin:0px; width: 100%; overflow:hidden; }
.ny_about_box2 .h_conbox .h_content img{ width:100%; height:auto; }

.ny_about_box2 .h_listbox{ margin: 0px; width: 100%; background:url(../images/line01.jpg) repeat-x left 256px; display: flex; flex-direction: column; align-items: center; }
.ny_about_box2 .h_listbox .h_swiper{ position: relative; margin: 100px 0 0 0; padding-bottom: 130px; width: 100%; max-width: 1440px; border-bottom: #757575 2px solid; box-sizing: border-box; overflow:hidden; }
.ny_about_box2 .h_listbox .h_swiper:last-child{ padding-bottom: 0px; border: none; }
 
.ny_about_box2 .h_listbox .h_swiper .swiper-container{ width:calc(100% - 140px); }
.ny_about_box2 .h_listbox .h_swiper .swiper-container .swiper-wrapper{ width:100%; }

.ny_about_box2 .h_listbox .h_swiper .swiper-slide{ width:100%; overflow:hidden; }
.ny_about_box2 .h_listbox .h_swiper .swiper-slide .h_item{ margin:10px; padding: 15px; width: 370px; cursor: pointer; display: flex; flex-direction: column; }
.ny_about_box2 .h_listbox .h_swiper .swiper-slide .h_item .con1{ margin: 0; width: 100%; line-height: 65px; font-size: 50px; font-weight: bold; color:#000; }
.ny_about_box2 .h_listbox .h_swiper .swiper-slide .h_item .icon{ margin: 25px 0 0 0; width: 30px; height: 84px; color: #000; background: url(../images/line02.png) no-repeat center center; display: flex; align-items: center; justify-content: center; }
.ny_about_box2 .h_listbox .h_swiper .swiper-slide .h_item .icon::after{ content: '\e619'; font-family: 'Hui-iconfont'; font-size: 17px; }
.ny_about_box2 .h_listbox .h_swiper .swiper-slide .h_item .con2{ margin: 25px 0 0 0; width: 100%; line-height: 180%; font-size: 16px; color:#000; overflow:hidden; }
.ny_about_box2 .h_listbox .h_swiper .swiper-slide .h_item:hover{ box-shadow: 0 0 10px #ccc; }
.ny_about_box2 .h_listbox .h_swiper .swiper-slide .h_item:hover .con1{ color: #ed7020; }
.ny_about_box2 .h_listbox .h_swiper .swiper-slide .h_item:hover .icon{ color: #ed7020; }

.ny_about_box2 .h_listbox .h_swiper .swiper-button-next{ position:absolute; z-index: 10; right:0; top:0; margin:135px 0 0 0; width:44px; height:44px; color:#fff; background-color: #000; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.ny_about_box2 .h_listbox .h_swiper .swiper-button-next::after{ content:'\e63d'; font-size:20px; font-family:'Hui-iconfont'; }
.ny_about_box2 .h_listbox .h_swiper .swiper-button-next:hover{ background-color: #ed7020; }

.ny_about_box2 .h_listbox .h_swiper .swiper-button-prev{ position:absolute; z-index: 10; left:0; top:0; margin:135px 0 0 0; width:44px; height:44px; color:#fff; background-color: #000; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.ny_about_box2 .h_listbox .h_swiper .swiper-button-prev::after{ content:'\e67d'; font-size:20px; font-family:'Hui-iconfont'; }
.ny_about_box2 .h_listbox .h_swiper .swiper-button-prev:hover{ background-color: #ed7020; }

@media screen and (max-width:1440px) {
    .ny_about_box2 .h_listbox .h_swiper{ width:1260px; }
    .ny_about_box2 .h_listbox .h_swiper .swiper-slide .h_item { width:320px; }
}






.ny_contact_typename{ margin: 80px 0 0 0; width: 100%; text-align: center; display: flex; flex-direction:column; align-items: center; justify-content: center; }
.ny_contact_typename span{ margin: 0px; width: 100%; line-height: 45px; font-size: 34px; color: #000; }
.ny_contact_typename i{ margin: 0px; width: 100%; line-height: 30px; font-size: 14px; color: #999; text-transform: uppercase; font-style: normal; }


.ny_contact_box1{ margin:0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_contact_box1 .h_mapbox{ margin: 60px 0 0 0; width: 100%; overflow: hidden; }
.ny_contact_box1 .h_mapbox .map{ width: 100%; height: 640px; line-height: 200%; font-size: 12px; color: #666; }

.ny_contact_box1 .h_contact{ margin: 0px; padding: 60px 0; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_contact_box1 .h_contact .h_conbox{ margin: 0px; width: 100%; max-width: 1440px; overflow:hidden; display: flex; flex-direction:row; justify-content: space-between; }
.ny_contact_box1 .h_contact .h_conbox dl{ margin: 0 3%; width: 32%; display: flex; flex-direction:column; align-items: center; }
.ny_contact_box1 .h_contact .h_conbox dl dt{ margin: 0px; width: 95px; height: 95px; border:#e0e0e0 1px solid; border-radius: 50%; overflow: hidden; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.ny_contact_box1 .h_contact .h_conbox dl dt i{ font-size: 40px; color: #2c2c2c; }
.ny_contact_box1 .h_contact .h_conbox dl dd{ margin: 20px 0 0 0; width:auto; line-height: 30px; font-size: 18px; color: #666; overflow: hidden; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; }
.ny_contact_box1 .h_contact .h_conbox dl:hover dt{ border:#ed7020 1px solid; background-color: #ed7020;}
.ny_contact_box1 .h_contact .h_conbox dl:hover dt i{ color: #fff; }

.ny_contact_box1 .h_msgbox{ margin: 0px; padding-bottom: 150px; width: 100%; background-color: #f9f9f9; display: flex; flex-direction: column; align-items: center; }
.ny_contact_box1 .h_msgbox .h_conbox{ margin: 30px 0 0 0; width: 100%; max-width: 1560px; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction:row; justify-content: space-between; }

.ny_contact_box1 .h_msgbox .h_conbox .txt{ margin: 30px 0 0 0; padding: 0 25px; width: 48.6%; height: 58px; line-height: 58px; font-size: 16px; color: #555; background-color: #fff; border: #eee 1px solid; overflow: hidden; box-sizing: border-box; }
.ny_contact_box1 .h_msgbox .h_conbox .txtarea{ margin: 30px 0 0 0; padding: 15px 25px; width: 100%; height: 200px; line-height: 25px; font-size: 16px; color: #555; background-color: #fff; border: #eee 1px solid; overflow: hidden; box-sizing: border-box; }
.ny_contact_box1 .h_msgbox .txt::-webkit-input-placeholder, .ny_contact_box1 .h_msgbox .txtarea::-webkit-input-placeholder{ color:#9f9f9f; }

.ny_contact_box1 .h_msgbox .h_sub{ margin: 40px 0 0 0; padding:0; width: 100%; display: flex; flex-direction: column; align-items: center; }
.ny_contact_box1 .h_msgbox .h_sub input{ margin: 0; padding:0; width: 230px; height: 60px; line-height: 60px; font-size: 24px; color: #fff; text-align: center; background-color: #ed7020; border:none; cursor: pointer; }
.ny_contact_box1 .h_msgbox .h_sub input:hover{ background-color:#cd5102; }

.ny_contact_box1 .h_msgbox .h_conbox .form-focus{
border:#eee 1px solid;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset;
box-shadow:0 1px 1px rgba(0,0,0,.075) inset;
transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out;
}
.ny_contact_box1 .h_msgbox .h_conbox .form-focus:focus{
border-color:#ef8039;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset, 0 0 8px rgba(239,128,57,.6);
box-shadow:0 1px 1px rgba(0,0,0,.075) inset, 0 0 8px rgba(239,128,57,.6);
}

@media screen and (max-width:1560px) {
    .ny_contact_box1 .h_msgbox .h_conbox{ padding: 0 4%; }
}



.ny_contact_box2{ margin:0px; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_contact_box2 .h_mainbox1{ margin:80px 0 0 0; padding: 90px 0; width: 100%; background: url(../images/bg01.jpg) no-repeat center center; background-size:cover; display: flex; flex-direction:column; align-items: center; justify-content: center; }
.ny_contact_box2 .h_mainbox1 .h_conbox{ margin: 0px; width: 100%; max-width: 1600px; box-sizing: border-box; display: flex; flex-direction: column; }

.ny_contact_box2 .h_mainbox1 .h_conbox .h_typename{ margin: 0px; width: 100%; text-align: center; display: flex; flex-direction:column; align-items: center; justify-content: center; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_typename span{ margin: 0px; width: 100%; line-height: 45px; font-size: 34px; color: #fff; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_typename i{ margin: 0px; width: 100%; line-height: 30px; font-size: 14px; color: #fff; text-transform: uppercase; font-style: normal; }

.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox{ margin: 30px 0 0 0; width: 100%; display: flex; flex-wrap: wrap; flex-direction:row; justify-content:space-between; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl{ margin: 30px 0 0 0; width: 48.6%; height: 135px; background-color: rgba(255, 255, 255, 0.2); border: #fff 1px solid; border-radius: 10px; cursor: pointer; overflow: hidden; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl dt{ margin: 0px; width: 125px; height: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl dt span{ margin: 0px; width: 124px; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl dt span img.icon1{ display: block; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl dt span img.icon2{ display: none; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl dt i{ margin: 0px; width: 1px; height: 45px; background-color: #fff; display: flex; flex-direction: row; align-items: center; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl dd{ margin: 0px; padding: 10px 30px; width: 100%; line-height: 30px; font-size: 18px; color:#fff; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; }

.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl:hover{ background-color: #fff; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl:hover dt span img.icon1{ display: none; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl:hover dt span img.icon2{ display: block; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl:hover dt i{ background-color: #ed7020; }
.ny_contact_box2 .h_mainbox1 .h_conbox .h_listbox dl:hover dd{ color:#ed7020; }



.ny_contact_box2 .h_mainbox2{ margin:0px; padding:0 0 140px 0; min-height: 800px; width: 100%; background:#fefefe url(../images/bg02.jpg) no-repeat center bottom; display: flex; flex-direction:column; align-items: center; }
.ny_contact_box2 .h_mainbox2 .h_typename{ margin: 120px 0 0 0; width: 100%; text-align: center; display: flex; flex-direction:column; align-items: center; justify-content: center; }
.ny_contact_box2 .h_mainbox2 .h_typename span{ margin: 0px; width: 100%; line-height: 45px; font-size: 34px; color: #000; }
.ny_contact_box2 .h_mainbox2 .h_typename i{ margin: 0px; width: 100%; line-height: 30px; font-size: 14px; color: #999; text-transform: uppercase; font-style: normal; }

.ny_contact_box2 .h_mainbox2 .h_conbox1{ margin: 15px 0 0 0; width: 100%; max-width: 1600px; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.ny_contact_box2 .h_mainbox2 .h_conbox1 dl{ margin: 45px 0 0 0; padding: 25px 30px; width: 31.4%; min-height: 250px; background-color: #fcfcfc; box-shadow: 0 0 15px #ccc; border-radius: 10px; cursor: pointer; overflow: hidden; box-sizing: border-box; display: flex; flex-direction: column; }
.ny_contact_box2 .h_mainbox2 .h_conbox1 dl dt{ margin: 0px; padding-bottom: 20px; width: 100%; line-height: 35px; font-size: 28px; color: #505050; border-bottom: #eee 1px solid; }
.ny_contact_box2 .h_mainbox2 .h_conbox1 dl dd{ margin: 20px 0 0 0; width: 100%; line-height: 30px; font-size: 16px; color: #666; overflow: hidden; }
.ny_contact_box2 .h_mainbox2 .h_conbox1 dl:hover{ background-color: #ed7020; }
.ny_contact_box2 .h_mainbox2 .h_conbox1 dl:hover dt{ color: #fff; border-bottom: #fff 1px solid; }
.ny_contact_box2 .h_mainbox2 .h_conbox1 dl:hover dd{ color: #fff; }


.ny_contact_box2 .h_mainbox2 .h_conbox2{ margin: 15px 0 0 0; width: 100%; max-width: 1600px; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl{ margin: 45px 0 0 0; width: 190px; cursor: pointer; overflow: hidden; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; }
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl dt{ margin: 0px; width:100%; height: 190px; display: flex; align-items: center; justify-content: center; }
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl dt i{ margin: 0px; width:135px; height: 135px; background-color: #fff; font-style: normal; box-shadow: 0 0 15px #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /*IE9*/   
    -moz-transform:rotate(45deg); /*Firefox*/
    -webkit-transform:rotate(45deg); /*Safari和chrome*/
    -o-transform:rotate(45deg); /*Opera*/
}
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl dt i img{
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); /*IE9*/   
    -moz-transform:rotate(-45deg); /*Firefox*/
    -webkit-transform:rotate(-45deg); /*Safari和chrome*/
    -o-transform:rotate(-45deg); /*Opera*/
}

.ny_contact_box2 .h_mainbox2 .h_conbox2 dl dt i img.icon1{ display: block; }
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl dt i img.icon2{ display: none; }
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl dd{ margin: 10px 0 0 0; width: 100%; text-align: center; overflow: hidden; display: flex; flex-direction: column; align-items: center; }
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl dd i{ margin: 0px; width: 100%; line-height: 40px; font-size: 32px; color: #ed7020; font-style: normal; }
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl dd span{ margin: 0px; width: 100%; line-height: 45px; font-size: 23px; color: #888; }

.ny_contact_box2 .h_mainbox2 .h_conbox2 dl:hover dt i{ background-color: #ed7020; }
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl:hover dt i img.icon1{ display: none; }
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl:hover dt i img.icon2{ display: block; }
.ny_contact_box2 .h_mainbox2 .h_conbox2 dl:hover dd span{ color: #ed7020; }

@media screen and (max-width:1600px) {
    .ny_contact_box2 .h_mainbox1 .h_conbox, .ny_contact_box2 .h_mainbox2 .h_conbox1, .ny_contact_box2 .h_mainbox2 .h_conbox2{ padding: 0 4%; }
}





.ny_contact_box3{ margin:0px; width: 100%; max-width: 1560px; box-sizing: border-box; display: flex; flex-direction:column; align-items: center; }
.ny_contact_box3 .h_mainbox{ margin:35px 0 0 0; width: 100%; box-sizing: border-box; display: flex; flex-direction:column; align-items: center; }
.ny_contact_box3 .h_mainbox dl{ margin: 25px 0 0 0; width: 100%; display: flex; flex-direction:column; align-items: center; }
.ny_contact_box3 .h_mainbox dl dt{ margin: 0px; padding: 0 30px; width: 100%; height: 70px; background-color: #ed7020; cursor: pointer; box-sizing: border-box; display: flex; flex-direction:row; justify-content: space-between; align-items: center; }
.ny_contact_box3 .h_mainbox dl dt span{ width: auto; font-size: 25px; color: #fff; }
.ny_contact_box3 .h_mainbox dl dt i{ width: auto; font-size: 30px; color: #fff; font-style: normal; }
.ny_contact_box3 .h_mainbox dl dt i.jia::after{ content: '\e600'; font-family: 'Hui-iconfont'; }
.ny_contact_box3 .h_mainbox dl dt i.jian::after{ content: '\e6a1'; font-family: 'Hui-iconfont'; }
.ny_contact_box3 .h_mainbox dl dd{ margin: 0px; width: 100%; background-color: #fff; display:none; overflow: hidden; }
.ny_contact_box3 .h_mainbox dl dd .h_content{ margin: 0px; padding: 30px; width: 100%; line-height: 200%; font-size: 15px; color: #666; border:#eee 1px solid; box-sizing: border-box; float: left; overflow: hidden; }
.ny_contact_box3 .h_mainbox dl.active dd{ display: inline;}
@media screen and (max-width:1560px) {
    .ny_contact_box3{ padding: 0 4%; }
}





.ny_parnext_box{ margin:0 auto; margin-top:35px; padding:17px 0 0 0; width:1200px; border-top:#ddd 1px solid; overflow:hidden; }
.ny_parnext_box span{ margin:0 0 0 20px; width:1160px; line-height:32px; font-size:16px; color:#999; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ny_parnext_box span a{ color:#505050; }
.ny_parnext_box span a:hover{ color:#ed7020; }



/*------------页码0----------*/
.page_box{ margin:100px 0 0 0; padding:0px; width:100%; height:36px; font-size:14px; font-family:"微软雅黑","宋体"; text-align:center; overflow:hidden; }
.page_box i{ margin:0 5px; padding:0px 14px; height:34px; line-height:34px; color:#999; background:#fff; border:#dcdcdc 1px solid; border-radius:5px; font-style:normal; vertical-align:top; display:inline-block; overflow:hidden;}
.page_box span{ margin:0 5px; padding:0px; width:auto; border-radius:5px; vertical-align:top; display:inline-block; overflow:hidden;}
.page_box span a{ margin:0px; padding:0px 14px; height:34px; line-height:34px; color:#333; background:#fff; border:#dcdcdc 1px solid; border-radius:5px; display:block; }
.page_box span a:hover{ color:#fff; background:#ed7020; border:#ed7020 1px solid; }
.page_box span a.on{ color:#fff; background:#ed7020; border:#ed7020 1px solid }
.page_box span a.on:hover{ color:#fff; background:#ed7020; border:#ed7020 1px solid }

/*------------页码1----------*/

/*------------------footer------------------------------*/
.f_padheght{ margin:0; width:100%; height:180px; overflow:hidden; }


.bottom_box{ margin:0; width:100%; background:#424242; overflow:hidden; display: flex; flex-direction:column; align-items: center; }
.bottom_box .main_box1{ margin: 0px; padding:70px 0; width:100%; max-width: 1440px; border-bottom: #8b8b8b 1px solid; box-sizing: border-box; display: flex; flex-direction:row; justify-content:space-between; }

.bottom_box .main_box1 .h_item{ margin:0px; width:17.5%; }
.bottom_box .main_box1 .h_item dl{ margin:0px; width:100%; display: flex; flex-direction:column; }
.bottom_box .main_box1 .h_item dl dt{ margin:0px; padding-bottom: 40px; width:100%; height:30px; font-size: 20px; color: #fff; }
.bottom_box .main_box1 .h_item dl dd{ margin:0px; width:100%; line-height:40px; font-size:16px; }
.bottom_box .main_box1 .h_item dl dd a{ color: #ccc; }
.bottom_box .main_box1 .h_item dl dd a:hover{ color: #ed7020; }
.bottom_box .main_box1 .h_item:last-child{ width: 8%;}


.bottom_box .main_box2{ margin: 0px; width:100%; max-width: 1440px; height: 170px; border-bottom: #8b8b8b 1px solid; box-sizing: border-box; display: flex; flex-direction:row; align-items: center; justify-content:space-between; }
.bottom_box .main_box2 .h_logo{ margin: 0px; width: auto; }
.bottom_box .main_box2 .h_rcon{ margin: 0px; width: auto; display: flex; flex-wrap: nowrap; flex-direction:row; align-items: center; }
.bottom_box .main_box2 .h_rcon .h_con1{ position: relative; margin: 0 40px 0 0; padding-right: 40px; width: auto; font-size: 20px; color: #fff; background-repeat: no-repeat; background-position: left center; border-right: #fff 2px solid; cursor: pointer; }
.bottom_box .main_box2 .h_rcon .h_con1.wx{ padding-left: 58px; background-image: url(../images/f_wx.png); }
.bottom_box .main_box2 .h_rcon .h_con1.dy{ padding-left: 46px; background-image: url(../images/f_dy.png); }
.bottom_box .main_box2 .h_rcon .h_con1 p{ position: absolute; z-index: 5; top: -150px; left: 50%; margin: 0 0 0 -70px; width: 130px; height: 130px; text-align: center; background-color: #fff; display: none; }
.bottom_box .main_box2 .h_rcon .h_con1 p img{ margin: 5px; width: 120px; height: 120px; }
.bottom_box .main_box2 .h_rcon .h_con1 p i{ position: absolute; z-index: -1; left: 50%; bottom: -8px; margin: 0 0 0 -9px; width: 20px; height: 20px; font-style: normal; background-color: #fff; 
transform:rotate(45deg);
-ms-transform:rotate(45deg); /*IE9*/   
-moz-transform:rotate(45deg); /*Firefox*/
-webkit-transform:rotate(45deg); /*Safari和chrome*/
-o-transform:rotate(45deg); /*Opera*/
}
.bottom_box .main_box2 .h_rcon .h_con1:hover p{ display:inline;}

.bottom_box .main_box2 .h_rcon .h_con2{ margin: 0; width: auto; font-size: 20px; color: #fff; }
.bottom_box .main_box2 .h_rcon .h_con2 b{ font-size: 30px; font-family: Arial; }


.bottom_box .main_box3{ margin: 0px; padding: 25px 0; width:100%; max-width: 1440px; line-height: 30px; font-size: 16px; color: #fff; overflow: hidden;  box-sizing: border-box; }

@media screen and (max-width:1440px) {
    .bottom_box .main_box1, .bottom_box .main_box2, .bottom_box .main_box3{ padding-left: 3%; padding-right: 3%; }
}





#online_box{ position:fixed; z-index:30; top:155px; right:0px; width:176px; height:auto; display:inline; overflow:hidden; }
#online_box .kf_show{ margin:0px; width:176px; height:auto; float:left; display:inline; overflow:hidden; }
#online_box .kf_show .kf_top{ margin:0px; width:176px; height:68px; background:url(../online/kf_top.png) no-repeat; float:left; display:inline; overflow:hidden;}
#online_box .kf_show .kf_top i{ margin:0px; width:25px; height:22px; color:#fff; font-size:22px; cursor:pointer; font-style:normal; float:right; display:block; }

#online_box .kf_show .kf_mid{ margin:0px; padding-bottom:12px; width:176px; background:url(../online/kf_bg.jpg) repeat-y; float:left; display:inline; overflow:hidden; }
#online_box .kf_show .kf_mid b{ margin:8px 0 0 13px; width:151px; height:29px; line-height:29px; background:url(../online/kf_qqbg.jpg) no-repeat; float:left; display:inline; }
#online_box .kf_show .kf_mid b a{ padding-left:25px; width:126px; height:29px; color:#fff; display:block; }
#online_box .kf_show .kf_mid b a:hover{ padding-left:25px; width:126px; height:29px; color:#FFFF00; display:block; }

#online_box .kf_show .kf_mid i{ margin:12px 0 0 0; width:176px; text-align:center; float:left; display:inline; }
#online_box .kf_show .kf_mid u{ margin:10px 0 0 0; width:176px; text-align:center; float:left; display:inline; }

#online_box .kf_show .kf_foot{ margin:0px; width:176px; height:8px; background:url(../online/kf_foot.png) no-repeat; float:left; display:inline; overflow:hidden;}
#online_box .kf_hid{ margin:0px; width:30px; height:150px; background:url(../online/kf_hidimg.png) no-repeat; cursor:pointer; float:left; display:none; overflow:hidden; }

/*----------------------------------------------------*/



/* 鼠标移到图片上效果0 */
.eff_img{ position: relative; cursor:pointer; overflow:hidden; }

.eff_img .shade{ position:absolute; z-index:5; top:100%; left:0px; width:100%; height:100%; background:#fff; opacity:0.6; filter:alpha(opacity=60); transition:0.5s all; display:block; }
.eff_img:hover .shade{ top:0px; transition:0.6s ease-in-out; }

.eff_img .img_icon{ position: absolute; z-index:8; top:50%; left:-100%; margin-left:-17px; margin-top:-17px; transform:rotate(360deg);transition:0.6s ease-in-out; display:inline-block; }
.eff_img:hover .img_icon{ left:50%; transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}

.eff_img img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img:hover>img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}



.eff_img1{ overflow:hidden; }
.eff_img1 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img1:hover a>img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}



.eff_img2{ overflow:hidden; }
.eff_img2 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img2:hover img{
    transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}


.eff_img3{ position: relative; cursor:pointer; overflow:hidden; }

.eff_img3 .shade{ position:absolute; z-index:5; top:100%; left:0px; width:100%; height:100%; background:#fff; opacity:0.6; filter:alpha(opacity=60); transition:0.5s all; display:block; }
.eff_img3:hover .shade{ top:0px; transition:0.6s ease-in-out; }

.eff_img3 .img_icon{ position: absolute; z-index:8; top:50%; left:-100%; margin-left:-17px; margin-top:-17px; transform:rotate(360deg);transition:0.6s ease-in-out; display:inline-block; }
.eff_img3:hover .img_icon{ left:50%; transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}



.eff_img4 img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.eff_img4:hover img{
    transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}

/* 鼠标移到图片上效果1 */